/*
  学习目标：JSX中使用插值表达式-基本值
  总结：React中的插值表达式
  1. 字符串、数字
  2. undefined、null、布尔值都不显示
     
*/
import React from 'react';
import ReactDOM from 'react-dom';
const name = 'zs';
const age = 18;

const ulNode = (
  <div>
    {/* 1. 变量 */}
    变量：{name}
    {/* // 2. 基本类型：字符串、数值、布尔值、undefined 、null */}
    <h1>字符串：{'张三'}</h1>
    <h1>数字{18}</h1>
    {/* 💥可以放undefined，但是不显示 */}
    <h2>undefined： {String(undefined)}</h2>
    <h2>null {String(null)}</h2>
    {/* 布尔值 */}
    <h3>布尔值: {false}</h3>
  </div>
);

ReactDOM.render(ulNode, document.getElementById('root'));
